/**
 * 其他 js
 */


//$(document).ready(function(){
//    $(".cont img").on("click",function(){

    function BigPic(target) {

//        $(this).css({
//            'width':'100%',
//            'z-index':'120'
//        })

        var picPath = $(target).attr("src");
        var img = document.createElement("img");
        $(".Img_panel").append(img);
        var bigPic = $(".Img_panel img");
        var imgBig = bigPic.attr("src", picPath);
        bigPic.css({
            'width': '100%',
            'background-size':'100%',
            'z-index': '120'
        });
        setSite()
        BGimgshow()

        bigPic.on("click",function(){
            bigPic.remove();
            closeBGimg()
        })
        //    背景遮罩点击弹框消失
        $(".bg-black").unbind("click").click(function () {
            bigPic.remove();
            closeBGimg()
        })
}

//    })

//})

//弹出层居中
function setSite(){
    var model=$('.Img_panel'),
        screenWidth=$(window).width(),
        screenHeight=$(window).height(),
        modelLeft=(screenWidth-model.width())/ 2,
        modelTop=(screenHeight-model.height())/2;
    model.css({
        left:modelLeft+'px',
        top:modelTop+'px'
    });

};


function closeBGimg(){
    $(".bg-black").animate({
        opacity:0
    },300,function(){
        $(".bg-black").removeClass("dis_block");
    })
}
function BGimgshow(){
    $(".bg-black").addClass("dis_block").animate({
        opacity:1
    },300);
}


